/* DEFAULT SETTINGS */
/* RESET SETTING */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a,
em, img, strong, ol, ul, li, font, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    background: transparent;
}
body  {
    font-family: arial, goergia, helvetica, san-serif;
    background: url('../images/main-bg.png') repeat top left;
}
ol, ul  {
    list-style: none;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a img {
    border: none;
}
.clear {
    clear: both;
}
textarea, input[type="text"], input[type="password"]{
    outline: none;
}
/* BUTTON SETTINGS */
/* sign-up */
.sign-up{
    display: block;
    width: 48px;
    height: 48px;
    background: url('../images/sign-up.png') no-repeat top left;
}
/* sign-in */
.sign-in{
    display: block;
    height: 48px;
	width: 48px;
    background: url('../images/sign-in.png') no-repeat top left;
}
/* download-button-1 */
.download-button-1{
	display: block;
    width: 47px;
    height: 35px;
    background: url('../images/download.png') no-repeat top left;
}
/* next prev button*/
.prev-button-1, .next-button-1{
	display:block;
	width:22px;
	height:22px;
}
.prev-button-1{
	background: url('../images/prev.png') no-repeat center;
}
.next-button-1{
	background: url('../images/next.png') no-repeat center;
}
.button-style-1{
    width: 70px;
    height: 19px;
    background: url('../images/btn-style-1.png') no-repeat center;
}
.button-style-3{
    width: 44px;
    height: 19px;
    background: url('../images/btn-style-1.png') no-repeat center;
}
.button-style-4{
	display:block;
    width: 111px;
    line-height: 33px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#ed9d12;
	text-shadow: 1.5px 1.5px #161b15;
    background: url('../images/btn-style-4.png') no-repeat center;
}
/* expand-collapse-button */
.expand-button-1{
    display: block;
    width: 32px;
    height: 19px;   
	background: url('../images/more-expand.png') no-repeat center;
}
.expand-button-1 .active {
    background: url('../images/more-collapse.png') no-repeat center;
}
/* INPUT SETTINGS */
/* text-input-1 */
.text-input-1{
    background: url('../images/text-input-1.png') no-repeat top left;
    width: 206px;
    height: 25px;
    position: relative;
}
.text-input-1 input[type="text"], .text-input-1 input[type="password"]{
    width: 194px;
    padding: 0px 6px;
    font-size: 11px;
    color: #5d5d5d;
}
/* text-input-2 */
.text-input-2{
    background: url('../images/text-input-2.png') no-repeat top left;
    width: 206px;
    height: 25px;
    position: relative;
}
.text-input-2 input[type="text"]{
    width: 174px;
    padding: 0px 2px 0px 6px;
    font-size: 11px;
    color: #5d5d5d;
}
.text-input-2 a{
    width: 25px;
    height: 25px;
    position: absolute;
    right: 2px;
    top: 0px;
}
/* check-input-1 */
.check-input-1{
	position:relative;
}
.check-input-1 input{
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity: 0;
	-khtml-opacity: 0;
	width:26px;
	height:26px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
.check-input-1 input + label{
	display: block;
	padding: 0px 0px 0px 32px;
	background: url('../images/off-check-input-1.png') no-repeat top left;
	line-height:26px;
	font-size: 11px;
    color: #5d5d5d;
}
.check-input-1 input:checked + label{
	background: url('../images/on-check-input-1.png') no-repeat top left;
}
/* PANELS SETTINGS */
/* default panel*/
.default-panel{
    width: 100%;
    position: relative;
    float: left;
}
/* fd-panel */
.fd-panel{
    width: 100%;
    background: url('../images/fd-panel-bg.png') repeat-x center left;
    position: absolute;
    float: left;
    z-index: 2000;
    padding-bottom: 10px;
}
.left-fd-panel{
    background: url('../images/left-fd-panel-bg.PNG') no-repeat top right;
    height: 16px;
}
.right-fd-panel{
    background: url('../images/right-fd-panel-bg.PNG') no-repeat top left;
    height: 16px;
}
.main-fd-panel{
    background: url('../images/center-fd-panel-bg.PNG') repeat-y top left;
    padding: 1px 9px 0px 9px;
    position: relative;
}
.bottom-fd-panel{
    background: url('../images/center-bottom-fd-panel-bg.PNG') no-repeat top left;
    width: 100%;
    height: 6px;
    position: relative;
}
/* split bar */
div.split-bar{
    width: 100%;
    float: left;
    height: 19px;
    background: url('../images/more-bg.png') repeat-x top left;
}
/* expandable panel */
.expandable {
    overflow: hidden;
}
.expandable .content{
    margin:5px 10px 20px 10px;
	position:relative;
	font-size: 10px;
	color: #b9b9b9;
}
.expandable .control-panel {
	width: 100%;
    position: absolute;
    bottom: 0;   
}
.expandable .control-panel .overlayout{
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#333333',endColorStr='#333333');
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(51, 51, 51, 0)),to(rgba(51, 51, 51, 1.0)));
    background-image: -moz-linear-gradient(top center,rgba(51, 51, 51, 0) 20%,rgba(51, 51, 51, 1.0) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#333333',endColorStr='#333333');
	height:50px;
}
.expandable .control-panel .expand-button-1{
	margin: auto;
}
/* NAVIGATOR */
/* main-nav */
div#main-nav{
    background: url('../images/main-nav-bg.png') repeat-x top left;
    height: 28px;
    z-index: 2000;
}
div#main-nav table{
    width: 100%;
    height: 28px;
}
div#main-nav table a{
    font-size: 16px;
    color: #d1d1d1;
    font-weight: 600;
    display: block;
    width: 100%;
    line-height: 28px;
    text-shadow: 0px -1px #000000;
}
div#main-nav table td{
    text-align: center;
    width: 33.33%;
}
div#main-nav table td.active{
    background: url('../images/main-nav-active-bg.png') repeat-x top left;
    border-left: 1px #3a3a3a solid;
    border-right: 1px #3a3a3a solid;
}
/* category-nav */
div#category-nav{
    height: 20px;
    background: url('../images/category-nav-bg.png') repeat-x top left;
	padding-top:2px;
}
div#category-nav table{
    width: 100%;
    height: 20px;
}
div#category-nav table td{
    width: 25%;
    border-right: 1px #494949 solid;
    text-align: center;
}
div#category-nav table td:last-child{
    border: none;
}
div#category-nav table td a{
    font-size: 11px;
    color: #d1d1d1;
    display: block;
    width: 100%;
	font-weight:bold;
    line-height: 20px;
    text-shadow: 0px -1px #2d4366;
}
/* category-sub-nav */
div#category-sub-nav{
    display: none;
	position:absolute;
	width:80px;
	bottom:22px;
    z-index: 2000;
}
div#category-sub-nav a{
	display: block;
    text-align: center;
    font-size: 10px;
	font-weight:bold;
    color: #d1d1d1;
    line-height: 21px;
    width: 100%;    
    background: url('../images/category-sub-nav-bg.png') repeat-x top left;
    text-shadow: 0px -1px #2d4366;
}
div#category-sub-nav span{
	font-weight:normal;
	color:#5d5d5d;
	text-shadow: none;
}
/* page-nav */
div#page-nav{
	 background: url('../images/paging-bg.png') repeat-x bottom center;
	height:34px;
}
div#page-nav table{
	width:100%;
	height:34px;
}
div#page-nav table td{
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	color:#949494;
}
div#page-nav table td:last-child, div#page-nav table td:first-child{
	width: 25%;
}
div#page-nav .prev-button-1{
	float:left;
	margin-left:15px;
}
 div#page-nav .next-button-1{
	float:right;
	margin-right:15px;
 }
/* FONT SETTINGS*/
.text-effect-1{
	background: -webkit-gradient(linear, left top, left bottom, from(#fbc743), to(#e88f00));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.price{
    font-size: 11px;
    font-weight: bold;
    font-family:Arial Rounded MT Bold;
}
/* ITEM */
.item{
    padding: 5px 0px;
    margin: 4px 0px 0px 0px;
    background: rgba(0,0,0,0.2);
}
.item .item-title{
    background: rgba(0,0,0,0.5);
}
.item .item-main-content{
    background: rgba(0,0,0,0.25);
}
.item .content span, .item .download-number{
    font-size: 10px;
    color: #5d5d5d;
}
.item .item-title p{
    color: #5d5d5d;
    font-size: 12px;
	line-height:18px;
    float: left;
    padding-left: 5px;
}
.item .item-title a{
    color: #5d5d5d;
}
.item .star{
    float: right;
	text-align:right;
	margin-right:8px;
}
.item .status{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 40px;
    height: 40px;
    z-index: 1000;
}
.item .status-hot{
    background: url('../images/hot.png') no-repeat top left;
}
.item .status-new{
    background: url('../images/new.png') no-repeat top left;
}
.item img.game-icon{
    width: 45px;
    height: 45px;
    border-radius: 5px;
    float: left;
    margin: 5px;
}
.item .content p{
    font-size: 10px;
    color: #b5b5b5;
}
.item .download-button-1{
    margin: 1px 5px 0px 0px;
}
.item .download-number{
	display:block;
	margin-left:8px;
}
/* END DEFAULT SETTINGS */

/* CUSTOM SETTINGS */
/* HEADER */
div#wrapper{
    position: relative;
    overflow: hidden;
}
div#header-top{
    height: 33px;
    background: url('../images/header-bg.png') repeat-x top left;
}
div#logo{
    float: left;
    width: 81px;
    height: 33px;
    background: url('../images/header-logo.png') no-repeat top left;
}
div#action-panel{
    width: 100%;
    height: 33px;
    position: relative;
	z-index:500;
}
div#action-panel a{
    width: 40px;
    height: 33px;
    display: block;
    float:right;
    text-align: center;
}
div#action-panel a.active{
    background: url('../images/header-active-bg.png') repeat-x top left;
}
.fd-panel{
	top:33px;
    display: none;
	height:81px;
}
.static-fd-panel{
	top:auto;
	position:relative;
    display: block;
	height:auto;
}
div#banner{
    height: 81px;
}
/*search-panel, login-panel, language-panel, div#register-panel*/
div#search-panel, div#login-panel, div#language-panel{
    width: 100%;
    margin: 2px auto 0px auto;
    position: relative;
    display: none;
}
div#login-panel .text-input-1, div#register-panel .text-input-1, 
div#search-panel .text-input-2, div#language-panel .check-input-1{
    margin-top: 4px;
}
/* register-panel */
div#register-panel .check-input-1 input + label{
	color:#b9b9b9;
	font-size:10px;
	font-weight:bold;
}
div#register-panel .check-input-1{
	margin:4px 10px 0px 10px;
}
div#register-panel{
	padding-bottom:10px;
}
div#register-panel .button-style-4{
	margin: auto;
}
/*login-panel*/
div#login-panel .left-fd-panel, div#login-panel .right-fd-panel{
    height: auto;
}
div#login-panel .sign-up, .sign-in{
	margin-top:15px;
}
div#login-panel .sign-up{
    float: right;
}
div#login-panel .sign-in{
    float: left;
}
/* END HEADER*/

/* FOOTER */
div#footer-banner{
    width: 320px;
    height: 82px;
    background: url('../images/footer-banner.png') no-repeat top left;
    margin: 0px auto;
}
div#footer-content{
    height: 45px;
    background: url('../images/footer-bg.png') repeat-x top left;
}
div#footer-logo{
    width: 138px;
    height: 45px;
    float: left;
    background: url('../images/footer-logo.png') no-repeat top left;
}
div#footer a{
    width: 37px;
    height: 38px;
    display: block;
    position: absolute;
}
.phone{
    background: url('../images/phone.png') no-repeat center;
    bottom: 2px;
    right: 50px;
}
.email{
    background: url('../images/email.png') no-repeat center;
    bottom: 2px;
    right: 10px;
}
/* END FOOTER*/

/* DIALOG */
div#modal-dialog{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 10000;
    display: none;
}
div.dialog{
    position: fixed;
    top: 50%;
    left: 50%;
    border: 2px white solid;
    background-color: white;
}
div.dialog-title{
    height: 19px;
    background: url('../images/more-bg.png') repeat-x top left;
}
div.dialog-title p{
    line-height: 19px;
    margin-left: 5px;
}
div.dialog-main{
    padding: 5px;
    border-bottom: 1px #000000 dotted;
}
div.dialog-main p{
    font-size: 12px;
}
div.dialog-action{
    padding-top: 5px;
    text-align: center;
}
div.dialog-action .button-style-3{
    margin: auto;
}
div.dialog-action a{
    display: block;
    width: 44px;
    height: 19px;
    font-size: 12px;
    line-height: 19px;
}
/* END DIALOG*/